iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

輕鬆Vue一下系列 第 4

Day4-條件渲染(2)

  • 分享至 

  • xImage
  •  

在條件渲染中,還有一個元素v-show,它的用法跟v-if大同小異,因此不多做說明,在這裡主要要說明它們之間的差別。如果使用v-if來隱藏網頁內容,那網頁加載時瀏覽器便不會讀取欲隱藏之內容,通常以<!-- -->來取代,原有的程式碼,如下:
https://ithelp.ithome.com.tw/upload/images/20190920/20112076ysjtARQsvK.png
但當v-if的條件滿足為true時,程式碼便會像v-show一樣顯示出來:
https://ithelp.ithome.com.tw/upload/images/20190920/201120766pJzTJaiW4.png
v-show後面也不會與v-elsev-if-else一起使用。
明日預告:迴圈v-for


上一篇
Day3-條件渲染(1)
下一篇
Day5-迴圈v-for
系列文
輕鬆Vue一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言